/* CSS Document */

body {
	margin:0px;
	padding:0px;
	background-image:url(../images/bg.jpg);
	}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	line-height:1.4em;
	color:#666;
	margin-top:10px;
	margin-right:50px;
	margin-bottom:0px;
	margin-left:50px;	
	}
	
h1 {
	font-family: Garamond, Georgia, "Times New Roman", Times, serif;
	font-size:1.4em;
	color:#102ca4;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:50px;
	}
	
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	line-height:1.1em;
	color:#666;
	margin-top:0px;
	margin-right:4px;
	margin-bottom:15px;
	margin-left:4px;	
	}
	
h3 {
	font-family:Arial, Helvetica, sans-serif;
	margin-top:10px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:10px;
	}

h4 {
	margin-top:0px;
	margin-right:35px;
	margin-bottom:0px;
	margin-left:0px;
	}
	
a:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.1em;
	color:#669900;
	text-decoration:none;	
	}
	
a:visited {
	color:#669900;
	text-decoration:none;
	}
	
a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.1em;
	color:#999999;
	text-decoration:underline;
	}

	
/*****************************************
Specific DIVS
***************************************/

#contacter {
	margin:0px;
	background-color:#FFFFFF;
	}

#Content {
	background-image:url(../images/contentbg.jpg);
	position:absolute;
	width:776px;
	margin-top:0px;
	margin-left:10px;
	padding:0px;
	}

#links {
	background-image:url(../images/buttonbg.jpg);
	width:769px;
	margin-top:0px;
	margin-left:3px;
	padding:0px;
	background-color:#FFFFFF;
	}
	
#top {
	width:776px;
	margin-top:0px;
	margin-left:0px;
	padding:0px;
	}
	
#bottom {
	width:776px;
	margin-top:0px;
	margin-left:0px;
	padding:0px;
	}
	
#stage {
	background-image:url(../images/bodybg.jpg);
	width:776px;
	height:inherit;
	margin-top:0px;
	margin-left:0px;
	padding:0px;
	}
	
#sidebar {
	position: absolute;
	left: 790px;
	top: 25px;
	width:90px;
	background-image:url(../images/sideboxbg.jpg);
}

#midstage {
	background-image:url(../images/midstagebg.jpg);
	width:676px;
	height:118px;
	margin-top:10px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:50px;
	padding:0px;
	}
	
#webhead {
	background-image:url(../images/midstagebg.jpg);
	width:626px;
	height:118px;
	margin-top:25px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:75px;
	padding:0px;
	}
	
#leftcol {
	float:left;
	width:225px;
	margin-top:18px;
	margin-right:0px;
	margin-bottom:10px;
	margin-left:50px;
	padding:0px;
	}
	
#leftcol2 {
	float:left;
	width:225px;
	height:320px;
	margin-top:18px;
	margin-right:0px;
	margin-bottom:10px;
	margin-left:50px;
	padding:0px;
	}
	
#rightcolthumbs {
	float:right;
	width:332px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;
	padding:0px;
	}
	
#breadcrumbs {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	line-height:1.1em;
	color:#669900;
	text-decoration:none;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:20px;
	margin-left:60px;
	padding:0px;
	}
	
#websubpic {
	display:block;
	width:676px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:50px;
	}
	
#websubtext {
	display:block;
	width:676px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:50px;
	}
	
#webpgspcr {
	background-image:url(../images/webpgmidspcr.jpg);
	width:74px;
	height:450px;
	}
	
/*****************************************
Buttons
***************************************/
#about {
	float: left;
	width:80px;
	height:26px;
	padding:0px;
	background-image:url(../images/aboutcombo.jpg);
	text-indent: -999em;
	}

#about a:link {
	text-decoration:none;
	background-image:url(../images/aboutcombo.jpg);
	}

/*Needed for Older Netscape Browsers*/	
#about a:visited {
	text-decoration:none; 
	}
	
#about a:hover {
	text-decoration:none;
	background-position: bottom; 
	}

#homepage {
	float: right;
	width:50px;
	height:26px;
	padding:0px;
	background-image:url(../images/homecombo.jpg);
	text-indent: -999em;
	}

#homepage a:link {
	text-decoration:none;
	background-image:url(../images/homecombo.jpg);
	}

#homepage a:visited {
	text-decoration:none; 
	}

#homepage a:hover {
	text-decoration:none;
	background-position: bottom; 
	}

#resume {
	float: left;
	width:63px;
	height:26px;
	padding:0px;
	background-image:url(../images/resumecombo.jpg);
	text-indent: -999em;
	}

#resume a:link {
	float: left;
	width:63px;
	height:26px;
	padding:0px;
	background-image:url(../images/resumecombo.jpg);
	text-decoration:none;
	}

#resume a:visited {
	text-decoration:none; 
	}
		
#resume a:hover {
	text-decoration:none;
	background-position: bottom; 
	}
	
#websites {
	float: left;
	width:113px;
	height:26px;
	padding:0px;
	background-image:url(../images/websitecombo.jpg);
	text-indent: -999em;
	}

#websites a:link {
	text-decoration:none;
	float: left;
	width:113px;
	height:26px;
	padding:0px;
	background-image:url(../images/websitecombo.jpg);
	}

#websites a:visited {
	text-decoration:none; 
	}
	
#websites a:hover {
	text-decoration:none;
	background-position: bottom; 
	}
	
#designs {
	float: left;
	width:60px;
	height:26px;
	padding:0px;
	background-image:url(../images/designcombo.jpg);
	text-indent: -999em;
	}

#designs a:link {
	text-decoration:none;
	float: left;
	width:60px;
	height:26px;
	padding:0px;
	background-image:url(../images/designcombo.jpg);
	}

#designs a:visited {
	text-decoration:none; 
	}
	
#designs a:hover {
	text-decoration:none;
	background-position: bottom; 
	}

#audiovideo {
	float: left;
	width:105px;
	height:26px;
	padding:0px;
	background-image:url(../images/audiovideocombo.jpg);
	text-indent: -999em;
	}

#audiovideo a:link {
	float: left;
	width:105px;
	height:26px;
	padding:0px;
	background-image:url(../images/audiovideocombo.jpg);
	text-decoration:none;
	}

#audiovideo a:visited {
	text-decoration:none; 
	}	
	
#audiovideo a:hover {
	text-decoration:none;
	background-position: bottom; 
	}

#interactive {
	float: left;
	width:87px;
	height:26px;
	padding:0px;
	background-image:url(../images/interactivecombo.jpg);
	text-indent: -999em;
	}

#interactive a:link {
	float: left;
	width:87px;
	height:26px;
	padding:0px;
	background-image:url(../images/interactivecombo.jpg);
	text-decoration:none;
	}

#interactive a:visited {
	text-decoration:none; 
	}
		
#interactive a:hover {
	text-decoration:none;
	background-position: bottom; 
	}

#contact {
	float: left;
	width:89px;
	height:26px;
	padding:0px;
	background-image:url(../images/contactcombo.jpg);
	text-indent: -999em;
	}

#contact a:link {
	float: left;
	width:89px;
	height:26px;
	padding:0px;
	background-image:url(../images/contactcombo.jpg);
	text-decoration:none;
	}

#contact a:visited {
	text-decoration:none; 
	}

#contact a:hover {
	text-decoration:none;
	background-position: bottom; 
	}
	
#launch {
	float: left;
	margin-top:2px;
	width:125px;
	height:26px;
	padding:0px;
	background-image:url(../images/launchcombo.jpg);
	text-indent: -999em;
	}

#launch a:link {
	float: left;
	width:125px;
	height:26px;
	padding:0px;
	background-image:url(../images/launchcombo.jpg);
	text-decoration:none;
	}

#launch a:visited {
	text-decoration:none; 
	}

#launch a:hover {
	text-decoration:none;
	background-position: bottom; 
	}
	
/*****************************************
Resource Links
***************************************/
#htmldog {
	float:left;
	width:87px;
	height:58px;
	padding:0px;
	background-image:url(../images/htmldogcombo2.jpg);
	text-indent: -999em;
	}

#htmldog a:link {
	text-decoration:none;
	background-image:url(../images/htmldogcombo2.jpg);
	}

	
#htmldog a:hover {
	text-decoration:none;
	background-position: bottom; 
	}
	
#htmldog a:visited {
	text-decoration:none; 
	}
	
#zengarden {
	float:left;
	width:87px;
	height:37px;
	padding:0px;
	background-image:url(../images/zencombo2.jpg);
	text-indent: -999em;
	}

#zengarden a:link {
	text-decoration:none;
	background-image:url(../images/zencombo2.jpg);
	}

	
#zengarden a:hover {
	text-decoration:none;
	background-position: bottom; 
	}
	
#zengarden a:visited {
	text-decoration:none; 
	}
	
#stopdesign {
	float:left;
	width:87px;
	height:25px;
	padding:0px;
	background-image:url(../images/stopdesigncombo2.jpg);
	text-indent: -999em;
	}

#stopdesign a:link {
	text-decoration:none;
	background-image:url(../images/stopdesigncombo2.jpg);
	}

	
#stopdesign a:hover {
	text-decoration:none;
	background-position: bottom; 
	}
	
#stopdesign a:visited {
	text-decoration:none; 
	}
	
#drupal {
	float:left;
	width:87px;
	height:30px;
	padding:0px;
	background-image:url(../images/drupalcombo2.jpg);
	text-indent: -999em;
	}

#drupal a:link {
	text-decoration:none;
	background-image:url(../images/drupalcombo2.jpg);
	}

#drupal a:hover {
	text-decoration:none;
	background-position: bottom; 
	}

#drupal a:visited {
	text-decoration:none; 
	}
		
#panma {
	float:left;
	width:87px;
	height:29px;
	padding:0px;
	background-image:url(../images/panmacombo2.jpg);
	text-indent: -999em;
	}

#panma a:link {
	text-decoration:none;
	background-image:url(../images/panmacombo2.jpg);
	}

	
#panma a:hover {
	text-decoration:none;
	background-position: bottom; 
	}
	
#panma a:visited {
	text-decoration:none; 
	}
	
#freelance {
	float:left;
	width:87px;
	height:18px;
	padding:0px;
	background-image:url(../images/freelancecombo2.jpg);
	text-indent: -999em;
	}

#freelance a:link {
	text-decoration:none;
	background-image:url(../images/freelancecombo2.jpg);
	}

	
#freelance a:hover {
	text-decoration:none;
	background-position: bottom; 
	}
	
#freelance a:visited {
	text-decoration:none; 
	}
	
/*****************************************
Web Thumbs
***************************************/

#webdesign1 {
	display:block;
	width:160px;
	height:105px;
	padding:0px;
	background-image:url(../images/web1combo.jpg);
	text-indent: -999em;
	}

#webdesign1 a:link {
	display:block;
	width:160px;
	height:105px;
	padding:0px;
	background-image:url(../images/web1combo.jpg);
	text-decoration:none;
	}

	
#webdesign1 a:hover {
	text-decoration:none;
	background-position: bottom; 
	}
	
#webdesign1 a:visited {
	text-decoration:none; 
	}
	
#webdesign2 {
	display:block;
	width:160px;
	height:105px;
	padding:0px;
	background-image:url(../images/web2combo.jpg);
	text-indent: -999em;
	}

#webdesign2 a:link {
	display:block;
	width:160px;
	height:105px;
	padding:0px;
	background-image:url(../images/web2combo.jpg);
	text-decoration:none;
	}

	
#webdesign2 a:hover {
	text-decoration:none;
	background-position: bottom; 
	}
	
#webdesign2 a:visited {
	text-decoration:none; 
	}
	
#webdesign3 {
	display:block;
	width:160px;
	height:105px;
	padding:0px;
	background-image:url(../images/web3combo.jpg);
	text-indent: -999em;
	}

#webdesign3 a:link {
	display:block;
	width:160px;
	height:105px;
	padding:0px;
	background-image:url(../images/web3combo.jpg);
	text-decoration:none;
	}

	
#webdesign3 a:hover {
	text-decoration:none;
	background-position: bottom; 
	}
	
#webdesign3 a:visited {
	text-decoration:none; 
	}
	
#webdesign4 {
	display:block;
	width:160px;
	height:105px;
	padding:0px;
	background-image:url(../images/web4combo.jpg);
	text-indent: -999em;
	}

#webdesign4 a:link {
	display:block;
	width:160px;
	height:105px;
	padding:0px;
	background-image:url(../images/web4combo.jpg);
	text-decoration:none;
	}

	
#webdesign4 a:hover {
	text-decoration:none;
	background-position: bottom; 
	}
	
#webdesign4 a:visited {
	text-decoration:none; 
	}
	
#webdesign5 {
	display:block;
	width:160px;
	height:105px;
	padding:0px;
	background-image:url(../images/web5combo.jpg);
	text-indent: -999em;
	}

#webdesign5 a:link {
	display:block;
	width:160px;
	height:105px;
	padding:0px;
	background-image:url(../images/web5combo.jpg);
	text-decoration:none;
	}

	
#webdesign5 a:hover {
	text-decoration:none;
	background-position: bottom; 
	}
	
#webdesign5 a:visited {
	text-decoration:none; 
	}
	
#webdesign6 {
	display:block;
	width:160px;
	height:105px;
	padding:0px;
	background-image:url(../images/web6combo.jpg);
	text-indent: -999em;
	}

#webdesign6 a:link {
	display:block;
	width:160px;
	height:105px;
	padding:0px;
	background-image:url(../images/web6combo.jpg);
	text-decoration:none;
	}

	
#webdesign6 a:hover {
	text-decoration:none;
	background-position: bottom; 
	}
	
#webdesign6 a:visited {
	text-decoration:none; 
	}

#webdesign7 {
	display:block;
	width:160px;
	height:105px;
	padding:0px;
	background-image:url(../images/web7combo.jpg);
	text-indent: -999em;
	}

#webdesign7 a:link {
	display:block;
	width:160px;
	height:105px;
	padding:0px;
	background-image:url(../images/web7combo.jpg);
	text-decoration:none;
	}

	
#webdesign7 a:hover {
	text-decoration:none;
	background-position: bottom; 
	}
	
#webdesign7 a:visited {
	text-decoration:none; 
	}
	
#webdesign8 {
	display:block;
	width:160px;
	height:105px;
	padding:0px;
	background-image:url(../images/web8combo.jpg);
	text-indent: -999em;
	}

#webdesign8 a:link {
	display:block;
	width:160px;
	height:105px;
	padding:0px;
	background-image:url(../images/web8combo.jpg);
	text-decoration:none;
	}

	
#webdesign8 a:hover {
	text-decoration:none;
	background-position: bottom; 
	}
	
#webdesign8 a:visited {
	text-decoration:none; 
	}
	
#webdesign9 {
	display:block;
	width:160px;
	height:105px;
	padding:0px;
	background-image:url(../images/web9combo.jpg);
	text-indent: -999em;
	}

#webdesign9 a:link {
	display:block;
	width:160px;
	height:105px;
	padding:0px;
	background-image:url(../images/web9combo.jpg);
	text-decoration:none;
	}

	
#webdesign9 a:hover {
	text-decoration:none;
	background-position: bottom; 
	}
	
#webdesign9 a:visited {
	text-decoration:none; 
	}
	
	
/*****************************************
Design Thumbs
***************************************/

#design1 {
	float: left;
	margin-top:2px;
	width:120px;
	height:134px;
	padding:0px;
	background-image:url(../images/design1combo.jpg);
	text-indent: -999em;
	}
	
#design1 a:link {
	float: left;
	width:120px;
	height:134px;
	padding:0px;
	background-image:url(../images/design1combo.jpg);
	text-decoration:none;
	}

#design1 a:visited {
	text-decoration:none; 
	}

#design1 a:hover {
	text-decoration:none;
	background-position: bottom; 
	}

#design2 {
	float: left;
	margin-top:2px;
	width:120px;
	height:134px;
	padding:0px;
	background-image:url(../images/design2combo.jpg);
	text-indent: -999em;
	}
	
#design2 a:link {
	float: left;
	width:120px;
	height:134px;
	padding:0px;
	background-image:url(../images/design2combo.jpg);
	text-decoration:none;
	}

#design2 a:visited {
	text-decoration:none; 
	}

#design2 a:hover {
	text-decoration:none;
	background-position: bottom; 
	}
	
#design3 {
	float: left;
	margin-top:2px;
	width:120px;
	height:134px;
	padding:0px;
	background-image:url(../images/design3combo.jpg);
	text-indent: -999em;
	}
	
#design3 a:link {
	float: left;
	width:120px;
	height:134px;
	padding:0px;
	background-image:url(../images/design3combo.jpg);
	text-decoration:none;
	}

#design3 a:visited {
	text-decoration:none; 
	}

#design3 a:hover {
	text-decoration:none;
	background-position: bottom; 
	}

#design4 {
	float: left;
	margin-top:2px;
	width:120px;
	height:134px;
	padding:0px;
	background-image:url(../images/design4combo.jpg);
	text-indent: -999em;
	}
	
#design4 a:link {
	float: left;
	width:120px;
	height:134px;
	padding:0px;
	background-image:url(../images/design4combo.jpg);
	text-decoration:none;
	}

#design4 a:visited {
	text-decoration:none; 
	}

#design4 a:hover {
	text-decoration:none;
	background-position: bottom; 
	}
	
#design5 {
	float: left;
	margin-top:2px;
	width:120px;
	height:134px;
	padding:0px;
	background-image:url(../images/design5combo.jpg);
	text-indent: -999em;
	}
	
#design5 a:link {
	float: left;
	width:120px;
	height:134px;
	padding:0px;
	background-image:url(../images/design5combo.jpg);
	text-decoration:none;
	}

#design5 a:visited {
	text-decoration:none; 
	}

#design5 a:hover {
	text-decoration:none;
	background-position: bottom; 
	}
	
#design6 {
	float: left;
	margin-top:2px;
	width:120px;
	height:134px;
	padding:0px;
	background-image:url(../images/design6combo.jpg);
	text-indent: -999em;
	}
	
#design6 a:link {
	float: left;
	width:120px;
	height:134px;
	padding:0px;
	background-image:url(../images/design6combo.jpg);
	text-decoration:none;
	}

#design6 a:visited {
	text-decoration:none; 
	}

#design6 a:hover {
	text-decoration:none;
	background-position: bottom; 
	}
	
#design7 {
	float: left;
	margin-top:2px;
	width:120px;
	height:134px;
	padding:0px;
	background-image:url(../images/design7combo.jpg);
	text-indent: -999em;
	}
	
#design7 a:link {
	float: left;
	width:120px;
	height:134px;
	padding:0px;
	background-image:url(../images/design7combo.jpg);
	text-decoration:none;
	}

#design7 a:visited {
	text-decoration:none; 
	}

#design7 a:hover {
	text-decoration:none;
	background-position: bottom; 
	}
	
#design8 {
	float: left;
	margin-top:2px;
	width:120px;
	height:134px;
	padding:0px;
	background-image:url(../images/design8combo.jpg);
	text-indent: -999em;
	}
	
#design8 a:link {
	float: left;
	width:120px;
	height:134px;
	padding:0px;
	background-image:url(../images/design8combo.jpg);
	text-decoration:none;
	}

#design8 a:visited {
	text-decoration:none; 
	}

#design8 a:hover {
	text-decoration:none;
	background-position: bottom; 
	}
	
/*****************************************
Audio/Video Thumbs
***************************************/

#audvid1 {
	float: left;
	margin-top:2px;
	width:313px;
	height:250px;
	padding:0px;
	background-image:url(../images/babycombo.jpg);
	text-indent: -999em;
	}
	
#audvid1 a:link {
	float: left;
	width:313px;
	height:250px;
	padding:0px;
	background-image:url(../images/babycombo.jpg);
	text-decoration:none;
	}

#audvid1 a:visited {
	text-decoration:none; 
	}

#audvid1 a:hover {
	text-decoration:none;
	background-position: bottom; 
	}
	
#audvid2 {
	float: left;
	margin-top:2px;
	width:313px;
	height:250px;
	padding:0px;
	background-image:url(../images/beatlescombo.jpg);
	text-indent: -999em;
	}
	
#audvid2 a:link {
	float: left;
	width:313px;
	height:250px;
	padding:0px;
	background-image:url(../images/beatlescombo.jpg);
	text-decoration:none;
	}

#audvid2 a:visited {
	text-decoration:none; 
	}

#audvid2 a:hover {
	text-decoration:none;
	background-position: bottom; 
	}
	
/*****************************************
Audio/Video Thumbs
***************************************/

#interact1 {
	float: left;
	margin-top:2px;
	width:313px;
	height:250px;
	padding:0px;
	background-image:url(../images/universecombo.jpg);
	text-indent: -999em;
	}
	
#interact1 a:link {
	float: left;
	width:313px;
	height:250px;
	padding:0px;
	background-image:url(../images/universecombo.jpg);
	text-decoration:none;
	}

#interact1 a:visited {
	text-decoration:none; 
	}

#interact1 a:hover {
	text-decoration:none;
	background-position: bottom; 
	}
	
#interact2 {
	float: left;
	margin-top:2px;
	width:313px;
	height:250px;
	padding:0px;
	background-image:url(../images/futuramacombo.jpg);
	text-indent: -999em;
	}
	
#interact2 a:link {
	float: left;
	width:313px;
	height:250px;
	padding:0px;
	background-image:url(../images/futuramacombo.jpg);
	text-decoration:none;
	}

#interact2 a:visited {
	text-decoration:none; 
	}

#interact2 a:hover {
	text-decoration:none;
	background-position: bottom; 
	}

/*****************************************
Styles
***************************************/

.smallcopy {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	line-height:1.1em;
	color:#999;
	margin-top:4px;
	margin-right:50px;
	margin-bottom:0px;
	margin-left:50px;	
	}
	
.description {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:1.1em;
	color:#666666;
	margin-top:4px;
	margin-right:20px;
	margin-bottom:0px;
	margin-left:12px;	
	}

.quotes {
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-size:1.1em;
	line-height:1.4em;
	color:#669900;	
	}
	
.quotes2 {
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-size:1em;
	line-height:1.3em;
	color:#669900;	
	}

.darkgreen { color:#669900;}

.grey { color:#666666;}

.mainhead {
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-size:1.4em;
	line-height:1.6em;
	color:#669900;	
	}
	
.blue { color:#0000FF;}

.orange { color:#FF9966;}

.white { color:#FFFFFF;}

.unformat {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	line-height:1.4em;
	color:#666;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left:0px;	
	}